<template>
	<view class="page">
		<!-- 头部 -->
		<!-- #ifdef MP-WEIXIN -->
			<topVue>
				<view class="slotVue">
					<image
						src="../../static/back.png" 
						style="width: 38rpx; height: 38rpx; left: 30rpx;" 
						class="absolute-middle"
						@click="$tools.back(1)"
					></image>
					<text class="fw600 fs32 absolute-auto">报名信息</text>
				</view>
			</topVue>
		<!-- #endif -->
		<view class="label">已报名10人，男2人，女2人</view>
		
		<view class="item padding30 flex" v-for="(item, index) in 10" :key="index">
			<u-avatar src="1" size="96"></u-avatar>
			<view class="right">
				<view class="flex align-center">
					<view class="fw600 fs30">於致艺</view>
					<u-tag
						text="♀ 28" 
						shape="circle" 
						bg-color="#FF719B" 
						color="#fff" 
						border-color="#FF719B" 
						size="mini" 
						style="margin-left: 20rpx;"/>
				</view>
				<view class="info flex align-center">25岁 ｜ 本科 ｜ 未婚 ｜ 10-2</view>
				<view class="info">2024-07-08 14:28:58</view>
				<view class="flex margin30">
					<view class="reject">拒绝</view>
					<view class="resove">通过</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				
			}
		}
	}
</script>

<style lang="less" scoped>
	.label {
		color: #999999;
		padding: 50rpx 0 30rpx 30rpx;
	}
	.item {
		width: 690rpx;
		background: #F4FDF8;
		border-radius: 16rpx;
		margin: 0 auto 30rpx;
		.right {
			flex: 1;
			padding-left: 20rpx;
			.info {
				color: #999999;
				font-size: 24rpx;
				padding-top: 20rpx;
			}
			.reject,.resove {
				width: 140rpx;
				height: 56rpx;
				text-align: center;
				line-height: 56rpx;
				color: #fff;
				border-radius: 28px;
			}
			.reject {
				background: #368BFC;
				margin-right: 30rpx;
			}
			.resove {
				background: #FC132F;
			}
		}
	}
</style>